<template>
    <div v-html="htmlContent" class="flex flex-col space-y-4 ">
    </div>
</template>

<script setup>

const htmlContent = defineModel("html");

console.log(htmlContent)
</script>

<style>
.my-talk {
    @apply mt-2 max-w-lg p-2 rounded-lg bg-blue-500 text-white self-end  float-right;
    white-space: pre-wrap; /* 保留换行符 */
}

.ai-talk {
    @apply bg-blue-400  mt-2 max-w-lg p-2 rounded-lg bg-white flex items-start  float-left;
    /* white-space: pre-wrap; 保留换行符 */
}
.ai-compile{
    @apply w-8 h-8 mr-2 rounded-full;
}
</style>
